<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分屏图文-左文右图</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <style>
        .part_imgText_cnt {
            display: flex;
            flex-wrap: wrap;
        }

        .part_imgText_img {
            flex: 0 0 55.7%;
            max-width: 55.7%;
            padding: 0;
        }

        .part_imgText_img img {
            width: 100%;
        }

        .part_imgText_text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 0 0 44.3%;
            max-width: 44.3%;
            padding-left: 7.15%;
        }

        .part_imgText_text>p {
            font-size: var(--f_describe);
            line-height: 36px;
            color: var(--c_text);
        }

        @media (max-width:768px) {
            .part_imgText_text>p {
                line-height: 26px;
            }

            .part_imgText_img,
            .part_imgText_text {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .part_imgText_text {
                padding-top: 20px;
                padding-left: 0;
            }
        }

        /* 变化二左文右图 */
        @media (min-width:769px) {
            .part_imgText_img {
                order: 1;
            }

            .part_imgText_text {
                order: 0;
                padding-right: 7.15%;
                padding-left: 0;
            }
        }
    </style>
</head>

<body>
    <!-- 学校第一套第5个模块 -->
    <div class="part_imgText modular">
        <div class="public_width">
            <div class="part_imgText_cnt">
                <div class="part_imgText_img">
                    <img src="https://18013904.s61i.faiusr.com/4/AD0I0L3LCBAEGAAggYKq3wUo1tf5LzCOBjj1BA.png.webp"
                        alt="">
                </div>
                <div class="part_imgText_text">
                    <div class="public_title">
                        <h2>ENROLMENT</h2>
                        <p>招生计划</p>
                    </div>
                    <p>学校拟在广东招录150余名本科生,若未被该校录取,不影响本科批次的录取。将于6月中旬参加学校组织的自主能力测试(含面试)。我们在今年将会加大对优秀学子的奖励和资助力度。今年学校计划全额资助高考成绩在全省理科排名前200名。
                    </p>
                    <a class="button_small" href="">查看更多</a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>